<template>
    <div class="red-center-text">
        <p>{{ message }}</p>
        <input v-model="message" placeholder="Input something..." />
    </div>
</template>
<script>
export default {
    data() {
        return {
            message: 'Hello Vue'
        }
    }
}
</script>
<style>
.red-center-text {
    color: #ff7875;
    text-align: center;
}
</style>